
// 头部：nav
@mixin flexCenterSpaceBetween() {
  display: flex;
  justify-content: space-between;   // 两侧
  align-items: center;    // 垂直居中
}
@mixin flexCenterSpaceAround() {
  display: flex;
  justify-content: space-around;   // 两侧
  align-items: center;    // 垂直居中
}

// flex
@mixin flex{
  display: flex;
  flex-shrink: 0; // 元素不被挤压
}
// 元素不被挤压
.flex_shink {
  flex-shrink: 0; // 元素不被挤压
}

// 垂直居中
@mixin flexCenter{
  display: flex;
  align-items: center;
  flex-shrink: 0; // 元素不被挤压
}
// 水平垂直居中
@mixin flexCenterCenter{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; // 元素不被挤压
}

// 解决flex 布局，容器宽度自适应
@mixin widthAuto{
  width: auto;
  flex-shrink: 0;
}

// 底部对齐
@mixin flexBottom{
  display: flex;
  align-items: flex-end;
}

// 头部 nav 背景色：蓝色
@mixin headNavBlueBg{
  background: #2385FF ;
}

/*
  溢出点点
*/
@mixin  overflowDD($lineNum){
  //text-overflow: ellipsis;
  //white-space: nowrap;
  //overflow: hidden;

  //单行
  //overflow: hidden;
  //text-overflow:ellipsis;
  //white-space: nowrap;
  //多行
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lineNum;
  overflow: hidden !important;
}
@mixin textblod{
  font-weight: 500;
}
@mixin textliu{
  font-weight: bold;
}
@mixin checkblod{
  font-weight: bold;
}
.money{
  margin-right: 10rpx;
}
